

import { StyleSheet, Platform } from 'react-native';

export default StyleSheet.create({
  container: {
    backgroundColor: '#FFFFFF',
    borderRadius: 12,
    padding: 16,
    marginBottom: 12,
    borderWidth: 1,
    borderColor: 'rgba(150, 159, 255, 0.1)',
    ...Platform.select({
      ios: {
        shadowColor: '#000',
        shadowOffset: { width: 0, height: 2 },
        shadowOpacity: 0.1,
        shadowRadius: 4,
      },
      android: {
        elevation: 2,
      },
    }),
  },
  
  content: {
    flexDirection: 'row',
    alignItems: 'flex-start',
    justifyContent: 'space-between',
    marginBottom: 12,
  },
  
  mainInfo: {
    flex: 1,
  },
  
  title: {
    fontSize: 16,
    fontWeight: '500',
    color: '#1F2937',
    marginBottom: 4,
  },
  
  applicantInfo: {
    fontSize: 14,
    color: '#6B7280',
    marginBottom: 8,
  },
  
  statusRow: {
    flexDirection: 'row',
    alignItems: 'center',
    gap: 8,
  },
  
  statusBadge: {
    paddingHorizontal: 8,
    paddingVertical: 4,
    borderRadius: 12,
  },
  
  statusApproved: {
    backgroundColor: '#10B981',
  },
  
  statusPending: {
    backgroundColor: '#F59E0B',
  },
  
  statusRejected: {
    backgroundColor: '#EF4444',
  },
  
  statusProcessing: {
    backgroundColor: '#3B82F6',
  },
  
  statusText: {
    fontSize: 12,
    color: '#FFFFFF',
    fontWeight: '500',
  },
  
  ccTime: {
    fontSize: 12,
    color: '#6B7280',
  },
  
  chevronIcon: {
    marginTop: 4,
    marginLeft: 8,
  },
  
  bottomInfo: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
  },
  
  department: {
    fontSize: 12,
    color: '#6B7280',
  },
  
  bottomRightText: {
    fontSize: 12,
    color: '#6B7280',
  },
});

